import { Toast, NavBar, Tabs } from 'react-vant';

export default function Dynamic() {
    const items = Array.from({ length: 3 }, (_, i) => i + 1)
    return (
        <div>
            <div>
                <NavBar
                    title="交易动态"
                    leftArrow={false}
                    onClickLeft={() => Toast('返回')}
                    onClickRight={() => Toast('按钮')}
                />
            </div>
            <div>
                <Tabs defaultActive={2}>
                    {items.map(item => (
                        <Tabs.TabPane key={item} title={`标签${item}`}>
                            下划线标签页 {item}
                        </Tabs.TabPane>
                    ))}
                </Tabs>
            </div>

        </div>
    )
}
